<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>在线教育考试平台</title>
    <link rel="stylesheet" href="../utils/bootstrap.css" />
    <link rel="stylesheet" href="../style/base.css" />
    <link rel="stylesheet" href="../basestyle/left-menu.css" />
    <script src="../utils/jquery-3.6.4.js"></script>
    <script src="../utils/bootstrap.js"></script>
  </head>

  <body>
    <div class="container-fluid home">
      <header class="clearfix">
        <h1>在线教育考试平台</h1>
        <span class="glyphicon glyphicon-arrow-left z-left"></span>
        <div class="zlj-right">
          <span class="glyphicon glyphicon-search"></span>
          <span class="glyphicon glyphicon-bell"></span>
          <input type="file" id="file" />
          <img src="../images/6.jpg" alt="" class="show-img" />
          <span class="yonghu">admin</span>
          <span class="glyphicon glyphicon-off"></span>
        </div>
      </header>
      <section>
        <nav>
          <ul class="tz-left-ul clearfix zljshouye">
            <li class="tz-second-li">
              <span
                class="glyphicon glyphicon-home tz-left-margin"
                aria-hidden="true"
              ></span>
              <span>首页</span>
              <span
                class="glyphicon glyphicon-menu-down tz-floatright"
                aria-hidden="true"
              ></span>
              <div class="tz-second-menu-div zlj-shouye1" data-id="0"></div>
            </li>
            <li class="tz-second-li tz-ul-hidden">
              <span
                class="glyphicon glyphicon-align-justify tz-left-margin"
                aria-hidden="true"
              ></span>
              <span>题库管理</span>
              <span
                class="glyphicon glyphicon-menu-down tz-floatright"
                aria-hidden="true"
              ></span>
              <ul class="tz-left-ul">
                <li data-id="12" data-href="#" class="zlj-shouye21">
                  <span
                    data-id="13"
                    data-href="#"
                    class="tz-left-margin zlj-shouye21"
                    >题目分类</span
                  >
                </li>
                <li data-id="12" data-href="#" class="zlj-shouye22">
                  <span
                    data-id="13"
                    data-href="#"
                    class="tz-left-margin zlj-shouye22"
                    >题目列表</span
                  >
                </li>
              </ul>
              <div class="tz-second-menu-div" data-id="2"></div>
            </li>
            <li class="tz-second-li tz-ul-hidden">
              <span
                class="glyphicon glyphicon-list-alt tz-left-margin"
                aria-hidden="true"
              ></span>
              <span>试卷管理</span>
              <span
                class="glyphicon glyphicon-menu-down tz-floatright"
                aria-hidden="true"
              ></span>
              <ul class="tz-left-ul">
                <li data-id="12" data-href="#" class="zlj-shouye31">
                  <span
                    data-id="13"
                    data-href="#"
                    class="zlj-shouye31 tz-left-margin"
                    >试卷分类
                  </span>
                </li>
                <li data-id="12" data-href="#" class="zlj-shouye32">
                  <span
                    data-id="13"
                    data-href="#"
                    class="tz-left-margin zlj-shouye32"
                    >试卷列表</span
                  >
                </li>
              </ul>
              <div class="tz-second-menu-div" data-id="2"></div>
            </li>
            <li class="tz-second-li tz-ul-hidden">
              <span
                class="glyphicon glyphicon-calendar tz-left-margin"
                aria-hidden="true"
              ></span>
              <span>考务管理</span>
              <span
                class="glyphicon glyphicon-menu-down tz-floatright"
                aria-hidden="true"
              ></span>
              <ul class="tz-left-ul">
                <li data-id="12" data-href="#" class="zlj-shouye41">
                  <span
                    data-id="13"
                    data-href="#"
                    class="tz-left-margin zlj-shouye41"
                    >准考证
                  </span>
                </li>
                <li data-id="12" data-href="#" class="zlj-shouye42">
                  <span
                    data-id="13"
                    data-href="#"
                    class="tz-left-margin zlj-shouye42"
                    >签到表</span
                  >
                </li>
                <li data-id="12" data-href="#" class="zlj-shouye43">
                  <span
                    data-id="13"
                    data-href="#"
                    class="tz-left-margin zlj-shouye43"
                    >桌贴</span
                  >
                </li>
                <li data-id="12" data-href="#" class="zlj-shouye44">
                  <span
                    data-id="13"
                    data-href="#"
                    class="tz-left-margin zlj-shouye44"
                    >门贴</span
                  >
                </li>
              </ul>
              <div class="tz-second-menu-div" data-id="4"></div>
            </li>
            <li class="tz-second-li tz-ul-hidden">
              <span
                class="glyphicon glyphicon-book tz-left-margin"
                aria-hidden="true"
              ></span>
              <span>考试管理</span>
              <span
                class="glyphicon glyphicon-menu-down tz-floatright"
                aria-hidden="true"
              ></span>
              <ul class="tz-left-ul">
                <li data-id="12" data-href="#" class="zlj-shouye51">
                  <span
                    data-id="13"
                    data-href="#"
                    class="tz-left-margin zlj-shouye51"
                    >考试列表
                  </span>
                </li>
                <li data-id="12" data-href="#" class="zlj-shouye52">
                  <span
                    data-id="13"
                    data-href="#"
                    class="tz-left-margin zlj-shouye52"
                    >考试审批</span
                  >
                </li>
                <li data-id="12" data-href="#" class="zlj-shouye53">
                  <span
                    data-id="13"
                    data-href="#"
                    class="tz-left-margin zlj-shouye53"
                    >考试监控</span
                  >
                </li>
              </ul>
              <div class="tz-second-menu-div" data-id="3"></div>
            </li>
            <li class="tz-second-li">
              <span
                class="glyphicon glyphicon-education tz-left-margin"
                aria-hidden="true"
              ></span>
              <span>考生管理</span>
              <span
                class="glyphicon glyphicon-menu-down tz-floatright"
                aria-hidden="true"
              ></span>
              <div class="tz-second-menu-div zlj-shouye61" data-id="0"></div>
            </li>
            <li class="tz-second-li tz-ul-hidden">
              <span
                class="glyphicon glyphicon-sort-by-attributes-alt tz-left-margin"
                aria-hidden="true"
              ></span>
              <span>统计分析</span>
              <span
                class="glyphicon glyphicon-menu-down tz-floatright"
                aria-hidden="true"
              ></span>
              <ul class="tz-left-ul">
                <li data-id="12" data-href="#" class="zlj-shouye71">
                  <span
                    data-id="13"
                    data-href="#"
                    class="tz-left-margin zlj-shouye71"
                    >考试分析
                  </span>
                </li>
                <li data-id="12" data-href="#" class="zlj-shouye72">
                  <span
                    data-id="13"
                    data-href="#"
                    class="tz-left-margin zlj-shouye72"
                    >试卷分析</span
                  >
                </li>
              </ul>
              <div class="tz-second-menu-div" data-id="2"></div>
            </li>
            <li class="tz-second-li">
              <span
                class="glyphicon glyphicon-tower tz-left-margin"
                aria-hidden="true"
              ></span>
              <span>证书管理</span>
              <span
                class="glyphicon glyphicon-menu-down tz-floatright"
                aria-hidden="true"
              ></span>
              <div class="tz-second-menu-div zlj-shouye81" data-id="0"></div>
            </li>
            <li class="tz-second-li tz-ul-hidden">
              <span
                class="glyphicon glyphicon-cog tz-left-margin"
                aria-hidden="true"
              ></span>
              <span>系统管理</span>
              <span
                class="glyphicon glyphicon-menu-down tz-floatright"
                aria-hidden="true"
              ></span>
              <ul class="tz-left-ul">
                <li data-id="12" data-href="#" class="zlj-shouye91">
                  <span
                    data-id="13"
                    data-href="#"
                    class="tz-left-margin zlj-shouye91"
                    >角色权限
                  </span>
                </li>
                <li data-id="12" data-href="#" class="zlj-shouye92">
                  <span
                    data-id="13"
                    data-href="#"
                    class="tz-left-margin zlj-shouye92"
                    >短信设置</span
                  >
                </li>
                <li data-id="12" data-href="#" class="zlj-shouye93">
                  <span
                    data-id="13"
                    data-href="#"
                    class="tz-left-margin zlj-shouye93"
                    >安全设置</span
                  >
                </li>
                <li data-id="12" data-href="#" class="zlj-shouye94">
                  <span
                    data-id="13"
                    data-href="#"
                    class="tz-left-margin zlj-shouye94"
                    >系统日志</span
                  >
                </li>
              </ul>
              <div class="tz-second-menu-div" data-id="4"></div>
            </li>
          </ul>
        </nav>
        <main>
          <!-- 主面的头部 -->
          <div class="zz-main-div3">
            <div class="zz-main-span3">
              <span class="zz-span-color3">系统管理</span>
              <span>/</span>
              <span>安全设置</span>
            </div>
            <h2>安全设置</h2>
          </div>
          <div class="lwy-main-sect zz-but-center">
            <div class="zz-thom">
              <div class="zz-thom-input">
                <p>1. 是否允许 “键盘复制键”：</p>
                <label class="radio-inline zz-thom-color">
                  <input
                    type="radio"
                    name="inlineRadioOptions"
                    value="option1"
                  />
                  禁止（推荐）
                </label>
                <label class="radio-inline zz-thom-color">
                  <input
                    type="radio"
                    name="inlineRadioOptions"
                    value="option1"
                  />允许
                </label>
                <p class="zz-p1">
                  * 设置是否允许考生在答卷过程中使用复制键，即：Ctrl + C
                </p>
              </div>
              <div class="zz-thom-input">
                <p>2. 是否允许 “鼠标右键”：</p>
                <label class="radio-inline zz-thom-color">
                  <input
                    type="radio"
                    name="inlineRadioOptions1"
                    value="option2"
                  />
                  禁止（推荐）
                </label>
                <label class="radio-inline zz-thom-color">
                  <input
                    type="radio"
                    name="inlineRadioOptions1"
                    value="option2"
                  />允许
                </label>
                <p class="zz-p1">
                  *
                  设置是否允许考生在答卷过程中使用鼠标右键进行操作，如：复制、查看源码等
                </p>
              </div>
              <div class="zz-thom-input">
                <p>3. 是否允许 “鼠标拖拽选择”</p>
                <label class="radio-inline zz-thom-color">
                  <input
                    type="radio"
                    name="inlineRadioOptions2"
                    value="option3"
                  />
                  禁止（推荐）
                </label>
                <label class="radio-inline zz-thom-color">
                  <input
                    type="radio"
                    name="inlineRadioOptions2"
                    value="option3"
                  />允许
                </label>
              </div>
              <div class="zz-thom-input">
                <p>4. 是否开启 “防切屏” 功能</p>
                <div class="zz-option">
                  <label class="radio-inline zz-thom-color">
                    <input
                      type="radio"
                      name="inlineRadioOptions4"
                      value="option4"
                    />
                    开启（推荐）
                  </label>
                  <label class="radio-inline zz-thom-color">
                    <input
                      type="radio"
                      name="inlineRadioOptions4"
                      value="option4"
                    />关闭
                  </label>
                </div>
                <div class="row">
                  <div class="col-lg-3">
                    <div class="input-group">
                      <input
                        type="text"
                        class="form-control"
                        placeholder="3次"
                      />
                      <span class="input-group-addon">
                        <input type="checkbox" />
                      </span>
                    </div>
                    <!-- /input-group -->
                  </div>
                  <!-- /.col-lg-6 -->
                </div>
                <p class="zz-thom-color">
                  * 设置考生在考试过程中，是否限制其切换浏览器页面或其他程序 *
                  开启防切屏后，系统会限制考生在考试时切屏，并给予提示 *
                  考生切屏次数超过允许的最大值时，系统会尝试自动提交考生试卷
                </p>
              </div>
              <div class="zz-thom-input">
                <p>5. 是否开启 “摄像头监考” 功能</p>
                <div class="zz-option">
                  <label class="radio-inline zz-thom-color">
                    <input
                      type="radio"
                      name="inlineRadioOptions5"
                      value="option5"
                    />
                    开启（推荐）
                  </label>
                  <label class="radio-inline zz-thom-color">
                    <input
                      type="radio"
                      name="inlineRadioOptions5"
                      value="option5"
                    />关闭
                  </label>
                </div>
                <div class="row">
                  <div class="col-lg-3">
                    <div class="input-group">
                      <input
                        type="text"
                        class="form-control"
                        placeholder="3次"
                      />
                      <span class="input-group-addon">
                        <input type="checkbox" />
                      </span>
                    </div>
                    <!-- /input-group -->
                  </div>
                  <!-- /.col-lg-6 -->
                </div>
                <p class="zz-thom-color">
                  *
                  设置是否允许考生在答卷过程中监考人员通过摄像头进行拍摄，以及拍摄的次数
                </p>
              </div>
              <button type="button" class="btn btn-primary btn-lg zz-but-1">
                保存修改
              </button>
              <div
                class="alert alert-success zz-alert hide"
                style="width: 1200px"
                role="alert"
              >
                修改成功
              </div>
            </div>
          </div>
        </main>
      </section>
    </div>
    <link rel="stylesheet" href="../style/system-safe.css" />
    <script src="../js/system-safe.js"></script>
    <script src="../basestyle/left-menu.js"></script>
    <script src="../js/base.js"></script>
  </body>
</html>
